<!DOCTYPE html>
<!-- thymeleaf支持 -->
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>区块链学院学生竞赛管理系统</title>
    <link rel="stylesheet" href="/res/css/pintuer.css">
    <link rel="stylesheet" href="/res/css/admin.css">
    <script src="/res/js/tealogin.js"></script>
    <script src="/res/js/jquery.js"></script>
    <script src="/res/js/echarts.min.js"></script>
    <script src="/res/js/echarts-wordcloud.js"></script>
</head>
<body style="background-color:#f2f9fd;">
<div class="header bg-main">
    <div class="logo margin-big-left fadein-top">
        <h1><img src="/res/images/y.jpg" class="radius-circle rotate-hover" height="50" alt="" />区块链学院学生竞赛管理系统
        </h1>
    </div>
    <div class="head-l" style="float: right">

        <a class="button button-little bg-red" href="/adminlogout">
            <span class="icon-power-off"></span> 退出登录</a>&nbsp;&nbsp;
    </div>
</div>
<div class="leftnav">
    <div class="leftnav-title"><strong><span class="icon-list"></span>菜单列表</strong></div>
    <h2><span class="icon-user"></span>基本设置</h2>
    <ul style="display:block">
        <li><a href="#" target="_self"><span class="icon-caret-right"></span>管理员信息</a></li>
        <li><a href="#" target="_self"><span class="icon-caret-right"></span>系统消息管理</a></li>
        <li><a href="/getAllCompetitionsByPages" target="_self">
            <span class="icon-caret-right"></span>竞赛信息管理</a>
        </li>
        <li><a href="#" target="_self"><span class="icon-caret-right"></span>竞赛申报审核</a></li>
        <li><a href="/getAllStudentsByPages" target="_self"><span class="icon-caret-right"></span>学生用户管理</a></li>
        <li><a href="/getAllTeachersByPages" target="_self"><span class="icon-caret-right"></span>教师用户管理</a></li>
        <li><a href="#" target="_self"><span class="icon-caret-right"></span>竞赛成果统计</a></li>


    </ul>

</div>
<script type="text/javascript">
    $(function() {
        $(".leftnav h2").click(function() {
            $(this).next().slideToggle(200);
            $(this).toggleClass("on");
        })
        $(".leftnav ul li a").click(function() {
            $("#a_leader_txt").text($(this).text());
            $(".leftnav ul li a").removeClass("on");
            $(this).addClass("on");
        })
    });
</script>
<ul class="bread">
    <li><a href="#" target="_self" class="icon-home"> 首页</a></li>
    <li><a href="##" id="a_leader_txt">网站信息</a></li>
    <li><b>当前语言：</b><span style="color:red;">中文</php></span>
        &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;切换语言：<a href="##">中文</a> &nbsp;&nbsp;<a href="##">英文</a> </li>
</ul>

<div class="admin">
    <h1 style="text-align: center"><br>欢迎访问区块链学院学生竞赛管理系统!</h1><br>
    <div style="text-align: center"><span>当前时间 : <div id="div1" style="display:inline-block"></div></span></div>
    <hr>

    <div id="ciyun" style=" width: 100%;height: 80%;margin: 0;"></div>
</div>

<script>
    var chart = echarts.init(document.getElementById('ciyun'));

    var option = {
        tooltip: {},
        series: [ {
            type: 'wordCloud',
            gridSize: 2,
            sizeRange: [12, 50],
            rotationRange: [-90, 90],
            shape: 'circle',
            width: 600,
            height: 400,
            drawOutOfBound: true,
            textStyle: {
                color: function () {
                    return 'rgb(' + [
                        Math.round(Math.random() * 160),
                        Math.round(Math.random() * 160),
                        Math.round(Math.random() * 160)
                    ].join(',') + ')';
                }
            },
            emphasis: {
                textStyle: {
                    shadowBlur: 10,
                    shadowColor: '#333'
                }
            },
            data: [
                {
                    name: '互联网+',
                    value: 8000,
                },
                {
                    name: '挑战杯',
                    value: 8000
                },
                {
                    name: '全国大学生电子设计竞赛',
                    value: 4500
                },
                {
                    name: '全国大学生数学建模竞赛',
                    value: 4500
                },
                {
                    name: 'ACM-ICPC国际大学生程序设计竞赛',
                    value: 600
                },
                {
                    name: '中国大学生工程实践与创新能力大赛',
                    value: 500
                },
                {
                    name: '全国大学生智能汽车竞赛',
                    value: 3000
                },
                {
                    name: '中国大学生计算机设计大赛',
                    value: 1500
                },
                {
                    name: '中国高校计算机大赛-大数据挑战赛',
                    value: 100
                },
                {
                    name: '团体程序设计天梯赛',
                    value: 1500
                },
                {
                    name: '全国大学生信息安全竞赛',
                    value: 1000
                },
                {
                    name: '中国机器人及人工智能大赛',
                    value: 600
                },
                {
                    name: '大唐杯”全国大学生移动通信5G技术大赛',
                    value: 400
                },
                {
                    name: '华为ICT大赛',
                    value: 350
                },
                {
                    name: '全国大学生嵌入式芯片与系统设计大赛',
                    value: 250
                },
                {
                    name: '中国高校智能机器人创意大赛',
                    value: 2200
                }
            ]
        } ]
    };

    chart.setOption(option);

    window.onresize = chart.resize;
</script>

</body>
</html>